<template>
  <div>
    <a   data-video-ratio="9:5" href="https://consumer-img.huawei.com/content/dam/huawei-cbg-site/cn/mkt/campaign/huawei-folded-flagship-and-all-scenario-new-product-launch-event/video/huawei-folded-flagship.mp4"
    data-video-image="//shop/src/assets/1-logo.jpg">
    <img src="../../assets/1-logo.jpg" class="s">
    <img src="../../assets/bofang.png" class="t" @click="bofang">
   
    </a>
  </div>
</template>

<script>

export default {
  setup () {
    

    return {}
  },
  methods: {
    bofang(){
      
    this.$router.push("https://consumer-img.huawei.com/content/dam/huawei-cbg-site/cn/mkt/campaign/huawei-folded-flagship-and-all-scenario-new-product-launch-event/video/huawei-folded-flagship.mp4")
    }
  },
}
</script>

<style lang="scss" scoped>
.s{
  
     width:1500px;
    height: 600px;
    padding-top: 10px;
    position: relative;
    box-sizing: border-box;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center; 
    position: relative;
}
.t{
   position: absolute;
   left: 720px;
   top: 290px;
   color: #fff;
   font-size: 35px;
   letter-spacing:13px;
   width: 50px;
}
</style>
